<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/public.css"/>
	<link rel="stylesheet" type="text/css" href="./css/orderDetail.css"/>
	<link rel="stylesheet" type="text/css" href="./css/glayer.css"/>
</head>
<body>
	<%- include('./header.html')%>
	<div class="center-main">
		<!--左侧导航-->
		<%- include('./side.html')%>
		<!--右侧主题内容-->
		<div class="center-main-content">
			<div class="orderDetail">
				<div class="orderDetailtitle">
					<span class="active">全部订单</span>
				</div>
				<div class="orderDetailbox">
					<div class="orderDetailboxitemwrap">
						<p>订单信息</p>
						<table class="orderDetailzhuangtai">
							<tr>
								<th>订单号</th>
								<th>下单时间</th>
								<th>支付状态</th>
							</tr>
							<tr class="orderDetailboxitem1">
								<td class="orderDetailboxitemtr1" align="center">
									
									<span>20201020114564612235115</span>
								</td>
								<td class="orderDetailboxitemtr1" align="center">
									
									<span>2020-10-23 12:22:23</span>
								</td>
								<td align="center">
									<span>未付款</span>
								</td>
								
							</tr>
						</table>
					</div>
					<div class="orderDetailboxitemwrap">
						<p>配送地址</p>
						<div class="address">
							<span>青城山下</span>
							<i>13256545654</i>
							<i>内蒙古赤峰市松山区木兰街道木兰金源12撞2单元304时</i>
						</div>
					</div>
					<div class="orderDetailboxitemwrap">
						<p>课程信息</p>
						<table class="orderDetailboxitem">
							<tr>
								<th>商品详情</th>
								<th class="width130">订单原价</th>
								<th class="width130">已优惠</th>
								<th class="width130">实际支付</th>
							</tr>
							<tr class="orderDetailboxitem1">
								<td class="orderDetailboxitemtr1">
									<a href="javascript:;">二级建造师</a>
									<span>2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班</span>
								</td>
								<td class="orderDetailboxitemtr2" align="center" rowspan="2">
									
									<span>￥1699.00</span>
								</td>
								<td class="orderDetailboxitemtr2 orderDetailboxitemtr3" align="center" rowspan="2">
									<span>￥1699.00</span>
								</td>
								<td class="orderDetailboxitemtr2 orderDetailboxitemtr4" align="center" rowspan="2">
									<span>立即支付</span>
								</td>
							</tr>
							<tr class="orderDetailboxitem1">
								<td class="zhengpin">
									<ul>
										<li>1.水利水电基础教材</li>
										<li>2.考试谜题</li>
										<li>3.考前密训试题</li>
									</ul>
								</td>
								
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%- include('./footer.html')%>
	<script src="./js/jquery-1.11.3.min.js"></script>
	<script src="./js/glayer.js"></script>
	<script>
		var layer = new Layer()
		$('.liveingboxbtn').click(function(){
			layer.alert('在此填入内容哈哈哈哈！',function(dom){
				console.log('关闭了啊啊啊！')
				dom.remove()
			})
		})
		
	</script>
</body>
</html>